
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" id="linkicon" type="image/x-icon" />
<title>renzhezhilu's blog</title>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@1.5.0/css/OverlayScrollbars.min.css"><!-- 滚动条插件 -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/purecss@0.6.1/build/pure-min.min.css">
<link rel="stylesheet" type="text/css" href="src/index.css">


</head>
<body>
<nav class="mune" id="mune"  >
	<div class="logo"><a href=""><img src="images/logo.gif"></a></div>
	<div class="nav_con">
		<h2>Button <span>[<t>23</t>]</span><div class="folder_icon"><div></div></div></h2>
			<ul class="on">
				<li>
					<p href="">线条
					<a href="?page1.html">page1.html</a>
					<a href="?page2.md">page2.html</a>
					</p>
					<div class="loadpic"><img loadsrc="http://wx2.sinaimg.cn/mw1024/6c326847gy1ft4scudm18g20b4079hdt.gif" src="" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">涟漪01</a>
					<div class="loadpic"><img loadsrc="http://wx3.sinaimg.cn/mw690/729ea5f2gy1ft4hnnw3q3g208c0b4he0.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">涟漪02</a>
					<div class="loadpic"><img loadsrc="http://wxt.sinaimg.cn/mw1024/006axh21ly1ft4x5d9f9ig309q05gb2c.gif?tags=%5B%5D" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">舒缓</a>
					<div class="loadpic"><img loadsrc="http://ws1.sinaimg.cn/mw690/006wUWIjgy1ft4u8kltxng308c08cx6p.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">活泼</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">跳动</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">平平无奇</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">写实</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">莞式服务</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				
				<li>
					<a href="">线条</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">涟漪01</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">涟漪02</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">舒缓</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">活泼</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">跳动</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">平平无奇</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">写实</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
				<li>
					<a href="">莞式服务</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
			</ul>
		<h2>Mune <span>[<t>6</t>]</span><div class="folder_icon"><div></div></div></h2>
			<ul>
				<li>
					<a href="">线条</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
			</ul>
		<h2>Function <span>[<t>8</t>]</span><div class="folder_icon"><div></div></div></h2>
			<ul>
				<li>
					<a href="">线条</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
			</ul>
		<h2>Other <span>[<t>63</t>]</span><div class="folder_icon"><div></div></div></h2>
			<ul>
				<li>
					<a href="">线条</a>
					<div class="loadpic"><img loadsrc="pic/mob.gif" alt=""></div>
					<div class="arrow_icon"></div>
				</li>
			</ul>
	</div>
</nav>

<div class="content" id="content">
	页面不存在～
	<img src="https://gifff-1251618151.cos.ap-hongkong.myqcloud.com/mob.gif" alt="">

</div>

<div class="demopage" id="demopage">
	<div class="QRcode_con" id="QRcode_con">
		<div></div>
		<p class="p1"></p>		
	</div>
	<div class="demopage_tool">
		<ul>
			<li id="mac_but"><i class="iconfont icon-msnui-pc"></i></li>
			<li id="ipad_but"><i class="iconfont icon-pingbandiannao"></i></li>
			<li id="iphone_but"><i class="iconfont icon-tel"></i></li>
			<li id="QRcode_but"><i style="font-size: 16px;" class="iconfont icon-icon2"></i></li>
			<li id="iframe_width_p"><span></span>px</li>
			<li style="width: 16px; float: right;">
				<a href="https://github.com/renzhezhilu" target="_blank" style="display: block;" title="https://github.com/renzhezhilu">
	      			<svg width="100%" style="padding: 10px 0 0 0;"  aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z" fill="#111"></path>
	      			</svg>
      			</a>
      		</li>
			<li style="width: 16px; float: right;">
				<a href="https://codepen.io/random233" style="display: block;" target="_blank" title="https://codepen.io/random233">
	    			<svg id="codepen-box" viewBox="0 0 100 100" width="100%" ><path d="M100 34.2c-.4-2.6-3.3-4-5.3-5.3-3.6-2.4-7.1-4.7-10.7-7.1-8.5-5.7-17.1-11.4-25.6-17.1-2-1.3-4-2.7-6-4-1.4-1-3.3-1-4.8 0-5.7 3.8-11.5 7.7-17.2 11.5L5.2 29C3 30.4.1 31.8 0 34.8c-.1 3.3 0 6.7 0 10v16c0 2.9-.6 6.3 2.1 8.1 6.4 4.4 12.9 8.6 19.4 12.9 8 5.3 16 10.7 24 16 2.2 1.5 4.4 3.1 7.1 1.3 2.3-1.5 4.5-3 6.8-4.5 8.9-5.9 17.8-11.9 26.7-17.8l9.9-6.6c.6-.4 1.3-.8 1.9-1.3 1.4-1 2-2.4 2-4.1V37.3c.1-1.1.2-2.1.1-3.1 0-.1 0 .2 0 0zM54.3 12.3L88 34.8 73 44.9 54.3 32.4V12.3zm-8.6 0v20L27.1 44.8 12 34.8l33.7-22.5zM8.6 42.8L19.3 50 8.6 57.2V42.8zm37.1 44.9L12 65.2l15-10.1 18.6 12.5v20.1zM50 60.2L34.8 50 50 39.8 65.2 50 50 60.2zm4.3 27.5v-20l18.6-12.5 15 10.1-33.6 22.4zm37.1-30.5L80.7 50l10.8-7.2-.1 14.4z" fill="#111"></path>
	    			</svg>
    			</a>
      		</li>
      		<li style="width: 15px; float: right;">
      			<a href="https://gitee.com/renzhezhilu" style="display: block;" target="_blank" title="https://gitee.com/renzhezhilu">
	      			<svg width="300%"viewBox="0 0 294 90">
	                <path d="M86,37 L40,37 L40,37.0010476 C37.7912701,37.0010476 36.0005785,38.7912703 36.0000001,41.0000001 L35.9963338,51.0000001 L35.9952531,50.9999999 C35.9946746,53.2091388 37.7850666,55.0004687 39.9942055,55.0010472 C39.9945658,55.0010473 39.994926,55.0010473 39.9952863,55.0010473 L68,54.9997333 L68,54.9997 C70.209139,54.9996816 72.0000149,56.7905277 72.0000333,58.9996667 C72.0000333,58.9996778 72.0000333,58.9996889 72.0000333,58.9997 L72,59.9997 L72,61 L72,61 C72,67.627417 66.627417,73 60,73 L21.9970229,73 L21.9970229,72.9998897 C19.788201,72.9998897 17.99758,71.2093181 17.9975191,69.0004962 L17.9963613,31 L17.9960306,31 C17.9958479,24.372583 23.3682828,18.9998519 29.9956998,18.9996692 C29.99581,18.9996692 29.9959203,18.9996692 29.9960306,18.9996692 L85.988836,19 L85.988836,18.9975183 C88.1970062,18.9975183 89.9874656,17.208169 89.9888352,14.9999992 L89.9975191,4.99999923 L89.9999992,5.00000077 C90.0013694,2.79086219 88.2116195,0.998890802 86.0024809,0.997520639 C86.0016539,0.997520127 86.000827,0.99751987 86,0.99751987 L30,1 L30,1.00016539 C13.4315221,1.00016539 9.13442924e-05,14.4315221 4.58559413e-10,31 L-0.000474127419,87 L-0.000496179797,87 C-0.000508359022,89.209139 1.79034277,91.0000099 3.99948177,91.0000221 C3.99948912,91.0000221 3.99949647,91.0000221 3.99950382,91.0000221 L63,91 L63,91 C77.9116882,91 90,78.9116882 90,64 L90,41 L90,41 C90,38.790861 88.209139,37 86,37 Z" fill="#111"></path>
				</svg>
				</a>
      		</li>
		</ul>
	</div>
	<iframe id="demoiframe"  src=""></iframe>
</div>

<!--*****************************-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@1.12.0/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/overlayscrollbars@1.5.0/js/OverlayScrollbars.min.js"></script> <!-- 滚动条插件 -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery.qrcode@1.0.3/jquery.qrcode.min.js"></script> <!-- 二维码 -->
<script type="text/javascript" src="src/index.js"></script> <!--index -->
<!--*****************************-->
<script type="text/javascript">
//favicon图标
var linkicon = document.getElementById("linkicon");
linkicon.href="";
</script>
</body>
</html>